import React, { useState } from 'react'
// 关注父组件的变化
import { connect } from 'react-redux'
function Test0101(props) {
    return (
        <div>
            {props.count} 我是chp04 <br />
            <button onClick={props.add}>+++2</button>
            <button onClick={props.sup} >---2</button>
            <button>不变</button>
        </div>
    )
}
// 父组件传给子组件,props,数据,方法函数
// const mapStateToProps = (state) =>({...state})  
const mapStateToProps = (state) => ({
    count: state.count
})
// 如果我每个函数返回是action,react-redux 默认每个区执行dispatch
/* 可以使是null,函数 dispatch,对象,里边的函数必须返回的是action的类型
注释越多,你越牛
*/
const mapDispatchToProps={
    // () 告诉里边是对象不是函数体
    add: () => ({ type: "add", payload: 2 }),
    sup: () => ({ type: "sup", payload: 2 }),
}
// 函数 转化state,dispatch
export default connect(mapStateToProps, mapDispatchToProps)(Test0101)
